.cofferlist-box {
    padding-top: .88rem;
    padding-bottom: .3rem;
    background: #f2f3f4;
}

.cofferlist-box > img {
    width: 100%;
    padding-bottom: 4px;
}

.list-bg {
    background: #fff;
    box-shadow: none;
}

.listwd-12 {
    width: 25%;
}

.list-bg .img-box img {
    display: inline-block;
    width: .5rem !important;
    height: .5rem;
    vertical-align: middle;
}


.list-bg .mui-table-view-cell:after {
    left: 1rem;
}

.list-bg a {
    font-size: 14px;
}

.list-fs {
    font-size: .3rem;
    color: #06C7D1 !important;
}

.list-icon {
    width: 24px !important;
    margin: .2rem .2rem 0 0;
}

.list-btn {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1.1rem;
    border-top: 1px solid rgba(204, 204, 204, .3);
    z-index: 555;
    background-color: #fff;
}

@media only screen and (width: 375px) and (height: 812px){
    .list-btn{
        bottom: 0.4rem;
    }
    .cofferlist-ht{
        padding-bottom: 3.2rem!important;
    }
}


.list-btn > a {
    width: 48%;
    height: .88rem;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    line-height: .88rem;
    text-align: center;
    transform: translateY(-50%);
    border-radius: 3px;
}

.list-btn > a:nth-of-type(1) {
    background-color: #0CBED5;
    border-color: #0CBED5;
    left: 1.3%;
}

.list-btn > a:nth-of-type(2) {
    background-color: #008DED;
    border-color: #008DED;
    right: 1.3%;
}

.list-bg > .mui-slider-group {
    height: 100%;
}

/*.cofferlist-content {*/
    /*position: fixed;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 8;*/
/*}*/
.cofferlist-content .mui-bar .mui-icon{
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -.3rem;
}
.cofferlist-content>header{
    position: initial;
}

.mui-segmented-control.mui-segmented-control-inverted.coffer-fff {
    background: #fff;
    border-bottom: 1px solid rgba(204, 204, 204, .3);
}

.cofferlist-ht {
    position: absolute;
    left: 0;
    height: 100%;
    padding-bottom: 2.8rem;
}
/*@media (max-device-height: 600px) and (min-device-height: 500px) {*/
    /*.cofferlist-ht {*/
        /*padding-top: 102%;*/
    /*}*/
/*}*/
/*@media screen and (min-device-height: 700px) {*/
    /*.cofferlist-ht {*/
        /*padding-top: 79%;*/
    /*}*/
/*}*/

.cofferlist-img {
    background: url(../../assets/img/list.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 4.54rem;
}
/*.coffer-top{*/
    /*padding-top: .88rem;*/
/*}*/
/*.cofferlist-top{*/
    /*padding-top: 23%;*/
/*}*/
/*@media (max-device-height: 600px) and (min-device-height: 500px) {*/
    /*.cofferlist-top {*/
        /*padding-top: 26%;*/
    /*}*/
/*}*/
.cofferlist-content .mui-control-item.export-active {
    color: #007aff;
}
.cofferlist-icon{
    width: 18px;margin-top: 10px;
}
